<template>
    <div>
        <!-- <input  v-model="message"> -->
        <!-- <input  :value="message" @input = $event.target.value> -->

        <!-- 组件上使用v-model -->
        <!-- <hYinput v-model="message"></hYinput> -->
        <!-- <hy-input :modelValue="message" @update:model-value = $event></hy-input> -->

        <!-- 绑定两个v-model -->
        <hYinput v-model="message" v-model:title="title"></hYinput>
        <h2>{{message}}</h2>
        <h2>{{title}}</h2>
        
    </div>
</template>

<script>
    import HYinput from './HYinput.vue';

    export default {
        components: {
            HYinput
        },
        data() {
            return {
                message: 'hello',
                title: '123'
            }
        }
    }
</script>

<style scoped>

</style>